<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>阿福易购</title>
    <link rel="stylesheet" href="/css/app.css">
</head>
<body ontouchstart="">

<header class="ui-header ui-header-stable ui-border-b af-header">
    <ul class="ui-row-flex">
        <li class="ui-col ui-flex ui-flex-pack-start">
            <a href="/"><i class="ui-icon-home"></i></a>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-center">
            <h1>美妆个护</h1>
        </li>
        <li class="ui-col ui-flex ui-flex-pack-end">
            <a href="search-form.html"><i class="ui-icon-search"></i></a>
        </li>
    </ul>
</header>

<div class="ui-container">

    <section class="J-filter-scroll ui-scroll-menu af-filter-scroller">
        <ul class="ui-scroll-menu-nav" >
            <li data-href="./index.html">全部</li>
            <li data-href="./cat.html" class="current">美妆个护</li>
            <li data-href="./cat.html">进口美食</li>
            <li data-href="./cat.html">母婴用品</li>
            <li data-href="./cat.html">服饰鞋包</li>
            <li data-href="./cat.html">营养保健</li>
            <li data-href="./cat.html">居家生活</li>
            <li data-href="./cat.html">平行进口车</li>
        </ul>
    </section>

    <section class="ui-slider">
        <ul class="ui-slider-content" style="width: 300%">
            <li class="current"><span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/b2d664fa1af62ea6b6a4a88b0102aab7.jpg)"></span></li>
            <li><span style="background-image:url(http://placeholder.qiniudn.com/640x200)"></span></li>
            <li><span style="background-image:url(http://placeholder.qiniudn.com/640x200)"></span></li>
        </ul>
    </section>

    <section class="ui-hot-cat">
        <h2 class="af-border-b">热门分类</h2>
        <ul class="ui-row">
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                </div>
                <div class="ui-cat-info">
                    <h3 class="ui-nowrap">BB霜/CC霜</h3>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                </div>
                <div class="ui-cat-info">
                    <h3 class="ui-nowrap">唇膏/唇彩</h3>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                </div>
                <div class="ui-cat-info">
                    <h3 class="ui-nowrap">粉底/腮红</h3>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                </div>
                <div class="ui-cat-info">
                    <h3 class="ui-nowrap">眼线/眼影</h3>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                </div>
                <div class="ui-cat-info">
                    <h3 class="ui-nowrap">眼线/眼影</h3>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                </div>
                <div class="ui-cat-info">
                    <h3 class="ui-nowrap">眼线/眼影</h3>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                </div>
                <div class="ui-cat-info">
                    <h3 class="ui-nowrap">眼线/眼影</h3>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                </div>
                <div class="ui-cat-info">
                    <h3 class="ui-nowrap">眼线/眼影</h3>
                </div>
            </li>
        </ul>
    </section>

    <section class="ui-hot-cat ui-hot-cat-skin2">
        <h2 class="af-border-b">热门品牌</h2>
        <ul class="ui-row">
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/56925c34be155b1b5ef5a30e190554a8.jpg@!180-72)"></span>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/d819dbc8e6ae0e4e080a25e88cc3a7b4.jpg@!180-72)"></span>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/56925c34be155b1b5ef5a30e190554a8.jpg@!180-72)"></span>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/d819dbc8e6ae0e4e080a25e88cc3a7b4.jpg@!180-72)"></span>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/d819dbc8e6ae0e4e080a25e88cc3a7b4.jpg@!180-72)"></span>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/56925c34be155b1b5ef5a30e190554a8.jpg@!180-72)"></span>
                </div>
            </li>
            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/d819dbc8e6ae0e4e080a25e88cc3a7b4.jpg@!180-72)"></span>
                </div>
            </li>

            <li data-href="./search-result.html" class="ui-col ui-col-25">
                <div class="ui-grid-trisect-img ui-cat-img">
                    <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/56925c34be155b1b5ef5a30e190554a8.jpg@!180-72)"></span>
                </div>
            </li>
        </ul>
    </section>

    <section class="ui-rec-goods">
        <h2>热门商品</h2>
        <ul class="ui-rec-goods-item">
            <li class="l">
                <div class="ui-goods-card">
                    <div data-href="./goods-info.html" class="ui-grid-halve-img af-border-b">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/5d48e7d1008139953992cd20290bd8b3.jpg@!254-254)"></span>
                    </div>
                    <div class="ui-goods-info">
                        <h3 data-href="./goods-info.html" class="ui-nowrap-multi">玛歌鹰贵 窖藏干红葡萄酒</h3>
                        <p><span class="shop-price">¥680.00</span><del class="market-price">¥37.00</del></p>
                    </div>
                </div>
            </li>
            <li class="r">
                <div class="ui-goods-card">
                    <div data-href="./goods-info.html" class="ui-grid-halve-img af-border-b">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/185ba482837f78627138d96b8a1f3085.jpg@!254-254)"></span>
                    </div>
                    <div class="ui-goods-info">
                        <h3 data-href="./goods-info.html" class="ui-nowrap-multi">玛歌鹰贵 窖藏干红葡萄酒</h3>
                        <p><span class="shop-price">¥680.00</span><del class="market-price">¥37.00</del></p>
                    </div>
                </div>
            </li>
            <li class="l">
                <div class="ui-goods-card">
                    <div data-href="./goods-info.html" class="ui-grid-halve-img af-border-b">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/185ba482837f78627138d96b8a1f3085.jpg@!254-254)"></span>
                    </div>
                    <div class="ui-goods-info">
                        <h3 data-href="./goods-info.html" class="ui-nowrap-multi">玛歌鹰贵 窖藏干红葡萄酒</h3>
                        <p><span class="shop-price">¥680.00</span><del class="market-price">¥37.00</del></p>
                    </div>
                </div>
            </li>
            <li class="r">
                <div class="ui-goods-card">
                    <div data-href="./goods-info.html" class="ui-grid-halve-img af-border-b">
                        <span style="background-image:url(http://afyg.img-cn-qingdao.aliyuncs.com/185ba482837f78627138d96b8a1f3085.jpg@!254-254)"></span>
                    </div>
                    <div class="ui-goods-info">
                        <h3 data-href="./goods-info.html" class="ui-nowrap-multi">玛歌鹰贵 窖藏干红葡萄酒</h3>
                        <p><span class="shop-price">¥680.00</span><del class="market-price">¥37.00</del></p>
                    </div>
                </div>
            </li>
        </ul>
    </section>
</div>
<div class="af-page-footer">
    <div class="af-footer-status">
        <a class="toidx" href="">首页</a>
        <span class="sep">|</span>
        <a class="downloadapp" href="">客户端</a>
        <span class="sep">|</span>
        <a class="tologin" href="">登录</a>
        <span class="sep">|</span>
        <a class="toreg" href="">注册</a>
    </div>
    <div class="af-footer-copyright">
        <p>阿福易购版权所有@2015-2016</p>
    </div>
</div>

<script src="/lib/zepto.min.js"></script>
<script src="/js/frozen.js"></script>
<script src="/js/app.min.js"></script>
</body>
</html>